<!doctype html>
<html lang="en">
	<head>
	    <meta charset="utf-8">
	    <title>我的</title>
	    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
	    <meta name="apple-mobile-web-app-capable" content="yes">
	    <meta name="apple-mobile-web-app-status-bar-style" content="black">
	    <link href="css/mui.min.css" rel="stylesheet"/>
	    <link rel="stylesheet" href="css/grandeHealth.css"/>
	    <style>
	    	.mui-table-view-cell:after {left: 0px;}
	    	.mui-table-view:before,.mui-table-view:after {height: 0; }
	    	.mui-navigate-right:after, .mui-push-right:after {font-size: 26px;}
			.mui-media-body {line-height: 40px;}
			.mui-content{padding:0!important;}
			.mui-content ul:nth-child(2){margin-top: 10px;text-align: center;color: red;}
			header {
		      background-image: url("images/myBg.png");background-repeat: no-repeat;background-size: 100% 100%;
		      height:220px;padding-top:20px;display: flex;align-items: center;justify-content: center;
		    }
			header p{font-size:15px;color:#fff;margin-bottom:0;font-weight: bold;}
			header img{display: block;margin: 0 auto;width:80px;height:80px;border-radius:50%;}
			header .header div:nth-child(1){padding-top:5px;width:90px; height:90px;background-color:rgba(255,255,255,0.2);margin: 0 auto;border-radius:50%;}
	   		header .header div:nth-child(2){margin-top: 4px;text-align: center;}
	    </style>
	</head>
	<body>
		<!--header-->
		<header>
		    <div class="header">
		        <div>
		            <img class="docImg" src="images/myHeader.png" alt=""/>
		        </div>
		        <div>
		            <p class="docName">朱大大</p>
		            <p class="docTitle">副主任医师</p>
		        </div>
		    </div>
		</header>-->
		
		<div class="mui-content">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<a href="javascript:;" class="mui-navigate-right">
						<img class="mui-media-object mui-pull-left" src="images/myRorder.png">
		                <div class="mui-media-body">我的预约</div>
					</a>
				</li>
				<li class="mui-table-view-cell">
					<a href="javascript:;" class="mui-navigate-right">
						<img class="mui-media-object mui-pull-left" src="images/myRecord.png">
		                <div class="mui-media-body">问诊记录</div>
					</a>
				</li>
				<li class="mui-table-view-cell">
					<a href="javascript:;" class="mui-navigate-right">
						<img class="mui-media-object mui-pull-left" src="images/myFeedback.png">
		                <div class="mui-media-body">修改密码</div>
					</a>
				</li>
	 		</ul>
	 		<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<a href="javascript:;" >
		                <div class="mui-media-body">退出登录</div>
					</a>
				</li>
	 		</ul>
		</div>
		<script src="js/jquery-1.7.2.min.js"></script>
		<script src="js/mui.min.js"></script>
		<script src="js/grandeHealth.js"></script>
		<script src="js/medicalRecord.js"></script>
		<script>
			var imgurl = 'http://106.14.139.5:7014/GZ/images/getimages?guid=';
			$('.docImg').attr('src',imgurl+XHDOC_APP_USRIMG);
			$('.docName').html(XHDOC_APP_USRNAM);
			$('.docTitle').html(XHDOC_APP_USRJOB);
			
						
			/*
			 * 我的预约
			 */
			mui("body").on("tap", ".mui-table-view:nth-child(1) li:nth-child(1)", function() {
				if(XHDOC_BROWSETYPE ==  'IOS') {
					showpage('yeji_assessment.html');
					
				} else if(XHDOC_BROWSETYPE == 'ANDROID') {
					window.android.to_my_yuyue();
				}else{
					showpage('yeji_assessment.html');
				}
			})
			
			/*
			 * 问诊记录
			 */
			mui("body").on("tap", ".mui-table-view:nth-child(1) li:nth-child(2)", function() {
				showpage('inquiry_record.html');
				
			})
			
			/*
			 * 修改密码
			 */
			mui("body").on("tap", ".mui-table-view:nth-child(1) li:nth-child(3)", function() {
				showpage('change_pwd.html');
			})
			
			/*
			 * 退出登陆
			 */
			mui("body").on("tap", ".mui-table-view:nth-child(2) li", function() {
				if(XHDOC_BROWSETYPE ==  'IOS') {
					showpage('login.html');
				} else if(XHDOC_BROWSETYPE == 'ANDROID') {
					window.android.exitlogin();
				}else{
					showpage('login.html');
				}
			})
		</script>
	</body>
</html>